youtube
In this video, let’s dive into the different types of browser cache and how to inspect and manage them in Chrome DevTools!
Chapters:
0:00 Intro
0:29 What is cache
0:58 Identify cached resources in Network panel
1:39 Memory cache, Disk cache, Prefetch cache
2:12 Clear cache, empty cache and hard reload
3:17 Disable cache
3:44 Don’t enable cache if…
4:15 Service worker cache
5:00 Inspect and disable service worker cache
5:51 Simulate low storage quota
6:34 Back and forward cache (bfcache)
Resources:
Prevent unnecessary network requests with the HTTP Cache →
Strategies for service worker caching →
Debugging bfcache, make your page load instantly #DevToolsTips →
Questions? Tweet to us:
Jecelyn Yeen →
Chrome DevTools →
Watch more DevTools Tips →
Subscribe to Chrome for Developers →
#DevToolTips #ChromeForDevelopers #Chrome
Speaker: Jecelyn Yeen
Products Mentioned: Chrome DevTools
|
2024/08/29
youtube
